import React, { Component } from 'react';
// import { Link } from 'react-router-dom';
import '@/components/MusicHall/index/TopList/TopList.scss';
import Banner from '@/components/MusicHall/index/TopList/Banner';

 class TopList extends Component {
  //  跳转到排行榜--------未完成
    goRankingList () {
      console.log(this.props)
      this.props.history.push('/musichall/rankinglist/流行')
    }
    render () {
        return (
          <div className='TopList-box'>
            <h3>排 行 榜</h3>
            {/* 更多 */}
            <div className='TopList_more' onClick={this.goRankingList.bind(this)}>
              更多
              <i className='iconfont icon-right'></i>
            </div>
            <Banner {...this.props}/>   
          </div>
        )
    }     
 }
export default TopList;